<template>
  <div>
    <Card class="search-condition m-b-sm">
      <Row>
        <span>赛事名称：</span>
        <Input v-model="pageModel.eventsName" placeholder="请输入" clearable style="width: 150px" />
        <span>赛事类型：</span>
        <dict model="pageModel.kindCode" :value="pageModel.kindCode" @click="getVal" code="ZGX_SSDJ" style="width:150px;"></dict>
        <span>赛事时间：</span>
        <DatePicker type="date" placeholder="请选择" style="width: 120px;margin-right:10px" v-model="pageModel.eventstartTime"></DatePicker>
        <DatePicker type="date" placeholder="请选择" style="width: 120px;margin-right:10px" v-model="pageModel.eventendTime"></DatePicker>
        <span>审核状态：</span>
        <dict model="pageModel.verifyStatus" :value="pageModel.verifyStatus" @click="getVal" code="ZGX_SSSHZT"></dict>
        <Button @click="fetchListStart" class="m-l-sm" type="primary" icon="md-search">筛选</Button>
        <Button @click="reset" class="m-l-sm" icon="md-sync">重置</Button>
      </Row>
    </Card> 
    <apply-table ref='apply' :model="pageModel"></apply-table>
  </div>
</template>

<script>
import dict from "_c/dict/dict.vue";
import applyTable from "./components/apply-table";
import Api from "@/api/game-apply";
import { getDict } from "@/api/configure";
const api = new Api();
// 赛事管理
export default {
  components: {
    dict,
    applyTable
  },
  data() {
    return {
      pageModel: {}
    };
  },
  created() {
    if (this.$route.query.verifyStatus != null) {
      this.pageModel.verifyStatus = this.$route.query.verifyStatus;
    }
  },
  methods: {
    // 获取字典数据
    getVal(expression) {
      let self = this;
      eval(expression);
    },
    fetchListStart() {
      this.$refs.apply.fetchListStart();
    },
    reset() {
      this.$refs.apply.reset();
    }
  }
};
</script>

<style scoped>
</style>
